import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Colors, Fonts } from '../../Themes'

export default StyleSheet.create({
  empty: {
    flex: 1,
    alignItems: 'center',
    padding: Metrics.doubleBaseMargin,
  },
  container: {
    flex: 1
  },
  item: {
    marginBottom: Metrics.baseMargin,
  },
  header: {
    padding: Metrics.baseMargin,
    backgroundColor: Colors.snow,
    marginBottom: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  headerLeft: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  avatar: {
    width: 40,
    height: 40,
    borderRadius: 20,
  },
  name: {
    marginLeft: Metrics.smallMargin,
  },
  main: {
    paddingVertical: Metrics.baseMargin,
    paddingHorizontal: Metrics.doubleBaseMargin,
    backgroundColor: Colors.snow,
    marginBottom: 1,
  },
  mainItem: {
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  action: {
    padding: Metrics.baseMargin,
    backgroundColor: Colors.snow,
    flexDirection: 'row-reverse',
  },
  primaryButton: {
    width: 60,
    marginLeft: Metrics.smallMargin,
  },
  defaultButton: {
    width: 60,
    marginLeft: Metrics.smallMargin,
  }
})
